/* 清除默认样式 */
page {
  font-size: 28rpx;
  color: #333;
  background-color: #f5f5f5;
}

/* 常用flex布局 */
.flex {
  display: flex;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* 常用间距 */
.m-10 { margin: 10rpx; }
.m-20 { margin: 20rpx; }
.m-30 { margin: 30rpx; }

.p-10 { padding: 10rpx; }
.p-20 { padding: 20rpx; }
.p-30 { padding: 30rpx; }

/* 常用颜色 */
.text-primary { color: #2979ff; }
.text-success { color: #19be6b; }
.text-warning { color: #ff9900; }
.text-error { color: #fa3534; }

/* 常用字体大小 */
.font-sm { font-size: 24rpx; }
.font-md { font-size: 28rpx; }
.font-lg { font-size: 32rpx; }
.font-xl { font-size: 36rpx; } 